<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>班级</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>

    <header class="bar bar-nav bar-white">
        <div class="searchbar">
            <a class="searchbar-cancel">取消</a>
            <div class="search-input">
                <form id="search-form" th:action="@{/mobile/class/search}">
                    <label id="search-icon" class="icon icon-search" for="search"></label>
                    <input type="search" name="name" id="search" th:value="${name}" placeholder="查找感兴趣的班级...">
                </form>
            </div>
        </div>
    </header>

    <!--menu begin-->
    <div data-th-replace="layout/menu"></div>
    <!--menu end-->
    <div class="content wm-content ovf">
        <article>

            <div class="wm-buttons-tab__wrap">
                <div class="buttons-tab wm-buttons-tab">
                    <a th:href="@{/mobile/class/index}" class="button active">全部</a>
                    <a th:href="@{/mobile/uc/class/personal/index}" class="button">我的</a>
                    <a th:href="@{/mobile/uc/topic/personal/index}" class="button">动态</a>
                </div>
            </div>

            <div class="page-infinite__wrap courses-list-page__wrap">
                <div class="page-group">
                    <div id="page-infinite-scroll-bottom" class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100" >
                            <div class="pr5">
                                <div class="card-content">
                                    <div class="list-block wm-course-list__wrap no-mt">
                                        <ul class="class-list  order-course-list" id="class-list"></ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/class/class-search.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
